<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>仿聚美优品商城</title>
    <link rel="stylesheet" href="./css/index.wide.css" />
</head>
<body>
    <!-- 首页头部分 -->
    <div id="top_box">
        <!-- 顶部横条 -->
        <div id="user_topbar">
            <div class="topbar_content">
                <ul class="menu_topbar">
                    <li><b>手机客户端</b></li>
                    <li>|</li>
                    <li>邀请好友</li>
                    <li class="w10">|</li>
                    <li>加入收藏</li>
                    <li>|</li>
                    <li class="lookour"><a href="#">关注我们</a></li>
                </ul>
                <ul class="log_topbar">
                    <li><a href="">注册</a></li>
                    <li>|</li>
                    <li><a href="">登陆</a></li>
                    <li>|</li>
                    <li><a href="">购物车</a></li>
                </ul>
            </div>
        </div><!-- 顶部横条 -->
        <div id="logo_box">
            <div id="logo"><!-- 网站logo部分 -->
                <a href="#">
                    <img src="./images/2586_0.jpg" alt="聚美优品官网" />
                </a>
                <a href="#" id="card">
                    <img src="./images/cart_hover.jpg" alt="" />
                </a>
                <a href="#" id="xinyu">
                    <img src="./images/2013-02-27_105943.png" alt="" />
                </a>
            </div><!-- 网站logo部分 -->
        </div>
        <div id="top_menu"><!-- 主横向菜单 -->
            <div class="top_menu_cont">
                <ul>
                    <li><a href=""><b>限时特卖</b></a></li>
                    <li class="select"><a href=""><b>聚美商城</b></a></li>
                    <li><a href=""><b>口碑中心</b></a></li>
                    <li><a href=""><b>奢侈品</b></a></li>
                    <li><a href=""><b>名品折扣</b></a></li>
                    <li><a href=""><b>正品保证</b></a></li>
                </ul>
                <!-- 搜索框 -->
                <div class="top_menu_search">
                    <form action="" >
                        <input type="text" />
                        <button id="user_search"></button>
                    </form>
                </div>
            </div>
        </div><!-- 主横向菜单结束 -->
        <div id="top_main_menu"><!-- 热词搜索部分 -->
            <div id="top_menu_content">
                <ul class="content_left">
                    <li><a href="">最新上架</a></li>
                    <li><a href="" class="select">保湿专区</a></li>
                    <li><a href="">唇膏专区</a></li>
                    <li><a href="">香水专区</a></li>
                    <li><a href="">美白专区</a></li>
                    <li><a href="">面膜专区</a></li>
                    <li><a href="">男士专区</a></li>
                    <li><a href="">食品保健</a></li>
                </ul>
                <ul class="content_right">
                    <li><a href="">雅顿</a></li>
                    <li><a href="">倩碧</a></li>
                    <li><a href="">兰蔻</a></li>
                    <li><a href="">雅诗兰黛</a></li>
                    <li><a href="">欧莱雅</a></li>
                    <li><a href="">富有润</a></li>
                    <li><a href="">热搜词：</a></li>
                </ul>
            </div>
        </div><!-- 热词搜索部分结束 -->
    </div><!-- 首页头部分结束 -->
    
    <div id="content_box">
        <div id="content">
            <div id="mainTopScreen"><!-- 全部分类/轮播图 -->
                <div class="fs"><!-- 左侧部分 -->
                    <h2 class="fs_head">全部分类</h2>
                    <div class="category_content">
                    <ul>
                        <li class="category">
                            <span class="icon"></span>
                            <h3><a href="">护肤</a></h3>
                            <p>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                                <a href="">洁面</a>
                         
                            </p>
                        </li>
                        <li class="category">
                            <span class="icon"></span>
                            <h3><a href="">彩妆</a></h3>
                            <p>
                                <a href="">彩妆</a>
                                <a href="">彩妆</a>
                                <a href="">彩妆</a>
                                <a href="">彩妆</a>
                                <a href="">彩妆</a>
                                <a href="">彩妆</a>
                                <a href="">彩妆</a>
                                <a href="">彩妆</a>
                                <a href="">彩妆</a>
                                <a href="">彩妆</a>
                                <a href="">彩妆</a>
                               
                            </p>
                        </li>
                        <li class="category">
                            <span class="icon"></span>
                            <h3><a href="">香薰</a></h3>
                            <p>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                            </p>
                        </li>
                        <li class="category">
                            <span class="icon"></span>
                            <h3><a href="">身体护理</a></h3>
                            <p>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                            </p>
                        </li>
                        <li class="category">
                            <span class="icon"></span>
                            <h3><a href="">礼盒套装</a></h3>
                            <p>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>           
                            </p>
                        </li>
                        <li class="category">
                            <span class="icon"></span>
                            <h3><a href="">美妆工具</a></h3>
                            <p>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                            </p>
                        </li>
                        <li class="category">
                            <span class="icon"></span>
                            <h3><a href="">男士专区</a></h3>
                            <p>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                            </p>
                        </li>
                        <li class="category">
                            <span class="icon"></span>
                            <h3><a href="">食品保健</a></h3>
                            <p>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <a href="">香薰</a>
                                <br/>&nbsp
                            </p>
                        </li>
                    </ul>
                    </div>
                </div><!-- 左侧部分结束 -->
                <div class="rs"><!-- 右侧部分 -->
                    <div class="main_img">
                        <ul>
                            <li class="main_img_list">
                                <img src="./images/2187_3.jpg" alt="" />
                            </li>
                        </ul>
                    </div>
                    <div class="right_img">
                        <a href="">
                            <img src="./images/2157_2.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/2157_2.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/2157_2.jpg" alt="" />
                        </a>
                    </div>
                    <div class="bottom_img"><!-- 右侧下方图片 -->
                        <div class="bt_head">
                            品牌官方旗舰店
                            <a href="" class="btn_pre"></a>
                            <a href="" class="btn_next"></a>
                        </div>
                        <div class="bt_imgs">
                            <ul>
                                <li>
                                    <a href="">
                                        <img widt="190" height="150" src="./images/484_7.jpg" alt="" />
                                    </a>
                                    <a href="">
                                        <img widt="190" height="150" src="./images/484_7.jpg" alt="" />
                                    </a>
                                    <a href="">
                                        <img widt="190" height="150" src="./images/484_7.jpg" alt="" />
                                    </a>
                                    <a href="">
                                        <img widt="190" height="150" src="./images/484_7.jpg" alt="" />
                                    </a>
                                    <a href="">
                                        <img widt="190" height="150" src="./images/484_7.jpg" alt="" />
                                    </a>
                                    <a href="">
                                        <img widt="190" height="150" src="./images/484_7.jpg" alt="" />
                                    </a>
                                    <a href="">
                                        <img widt="190" height="150" src="./images/484_7.jpg" alt="" />
                                    </a>
                                    <a href="">
                                        <img widt="190" height="150" src="./images/484_7.jpg" alt="" />
                                    </a>
                                    <a href="">
                                        <img widt="190" height="150" src="./images/484_7.jpg" alt="" />
                                    </a>
                                    <a href="">
                                        <img widt="190" height="150" src="./images/484_7.jpg" alt="" />
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div><!-- 右侧下方图片结束 -->
                </div><!-- 右侧部分结束 -->
            </div><!-- 全部分类/轮播图结束 -->

            <div id="brands_box"><!-- 品牌盒子 -->
                <div class="brands_left">
                    <a class="tj hover" href="javascript">推荐品牌</a>
                    <a class="oumei " href="javascript">欧美品牌</a>
                    <a class="asia" href="javascript">亚洲品牌</a>
                </div>
                <div class="brands_imgs">
                    <div style="display:block;"><!-- 选项卡一内容 -->
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_2.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1714_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1714_3.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1714_3.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1726_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1726_3.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1726_5.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                    </div><!-- 选项卡一内容结束 -->
                    <div style="display:none;"><!-- 选项卡二内容 -->
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_2.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1714_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1714_3.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1714_3.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1726_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1726_3.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1726_5.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                    </div><!-- 选项卡二内容结束 -->
                    <div style="display:none;"><!-- 选项卡三内容 -->
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_2.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1714_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1714_3.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1714_3.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1726_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1726_3.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1726_5.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                        <a href="">
                            <img src="./images/1704_1.jpg" alt="" />
                        </a>
                    </div><!-- 选项卡三内容结束 -->
                </div>
            </div><!-- 品牌盒子结束 -->
            <div class="floor_shadow"></div>
            <div id="skincare_box"><!-- 护肤馆盒子 -->
                <div class="skincare_head">
                    <h3>SKINCARE 护肤</h3>
                    <ul class="sh_cate">
                        <li>
                            <a href="">保湿</a>
                        </li>
                        <li>
                            <a href="">保湿</a>
                        </li>
                        <li>
                            <a href="">保湿</a>
                        </li>
                        <li>
                            <a href="">保湿</a>
                        </li>
                        <li>
                            <a href="">保湿</a>
                        </li>
                        <li>
                            <a href="">保湿</a>
                        </li>
                        <li>
                            <a href="">保湿</a>
                        </li>
                    </ul>
                    <a href="" class="more">去护肤馆</a>
                </div>
                
                <div class="skincare_con" style="height:590px;"><!-- 护肤馆盒子内容 -->
                    <div class="sc_left" ><!-- 护肤馆左侧 -->
                        <div class="sc_left_con">
                            <h3>大家都喜欢买</h3>
                            <div class="sr_list">
                                <ul>
                                    <li class="item hover">
                                        <p class="clearfix tit">
                                            1
                                            <a href="" class="f1">OLAY玉兰油多效修复霜 50g</a>
                                        </p>
                                        <div class="sr_con">
                                            <a href="" class="sr_img">
                                                <img src="./images/18519_160_160.jpg" alt="" />
                                            </a>
                                            <p class="text">
                                                <b>￥459</b>
                                                <span>最近888人购买</span>
                                            </p>
                                        </div>
                                    </li>
                                    <li class="item">
                                        <p class="clearfix tit">
                                            2
                                            <a href="" class="f1">巨型一号丝瓜水320ML</a>
                                        </p>
                                        <div class="sr_con" style="display:none;">
                                            <a href="" class="sr_img">
                                                <img src="./images/18519_160_160.jpg" alt="" />
                                            </a>
                                            <p class="text">
                                                ￥459
                                                <span>最近888人购买</span>
                                            </p>
                                        </div>
                                    </li>
                                    <li class="item">
                                        <p class="clearfix tit">
                                            3
                                            <a href="" class="f1">巨型一号丝瓜水320ML</a>
                                        </p>
                                        <div class="sr_con" style="display:none;">
                                            <a href="" class="sr_img">
                                                <img src="./images/18519_160_160.jpg" alt="" />
                                            </a>
                                            <p class="text">
                                                ￥459
                                                <span>最近888人购买</span>
                                            </p>
                                        </div>
                                    </li>
                                    <li class="item">
                                        <p class="clearfix tit">
                                            4
                                            <a href="" class="f1">巨型一号丝瓜水320ML</a>
                                        </p>
                                        <div class="sr_con" style="display:none;">
                                            <a href="" class="sr_img">
                                                <img src="./images/18519_160_160.jpg" alt="" />
                                            </a>
                                            <p class="text">
                                                ￥459
                                                <span>最近888人购买</span>
                                            </p>
                                        </div>
                                    </li>
                                    <li class="item">
                                        <p class="clearfix tit">
                                            5
                                            <a href="" class="f1">巨型一号丝瓜水320ML</a>
                                        </p>
                                        <div class="sr_con" style="display:none;">
                                            <a href="" class="sr_img">
                                                <img src="./images/18519_160_160.jpg" alt="" />
                                            </a>
                                            <p class="text">
                                                ￥459
                                                <span>最近888人购买</span>
                                            </p>
                                        </div>
                                    </li>
                                    <li class="item">
                                        <p class="clearfix tit">
                                            6
                                            <a href="" class="f1">巨型一号丝瓜水320ML</a>
                                        </p>
                                        <div class="sr_con" style="display:none;">
                                            <a href="" class="sr_img">
                                                <img src="./images/18519_160_160.jpg" alt="" />
                                            </a>
                                            <p class="text">
                                                ￥459
                                                <span>最近888人购买</span>
                                            </p>
                                        </div>
                                    </li>
                                    <li class="item">
                                        <p class="clearfix tit">
                                            7
                                            <a href="" class="f1">巨型一号丝瓜水320ML</a>
                                        </p>
                                        <div class="sr_con" style="display:none;">
                                            <a href="" class="sr_img">
                                                <img src="./images/18519_160_160.jpg" alt="" />
                                            </a>
                                            <p class="text">
                                                ￥459
                                                <span>最近888人购买</span>
                                            </p>
                                        </div>
                                    </li>
                                    <li class="item">
                                        <p class="clearfix tit">
                                            8
                                            <a href="" class="f1">巨型一号丝瓜水320ML</a>
                                        </p>
                                        <div class="sr_con" style="display:none;">
                                            <a href="" class="sr_img">
                                                <img src="./images/18519_160_160.jpg" alt="" />
                                            </a>
                                            <p class="text">
                                                ￥459
                                                <span>最近888人购买</span>
                                            </p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>  <!-- 护肤馆左侧结束 --> 
                    <!-- 护肤馆右侧图片 -->
                    <div class="sc_right">
                        <div class="fc_main fl" style="height: 620px;">
                       <div style="left:0px; top: 0px;" class="maskitem">  
                        <a href="" class="layout">
                            <img class="lazy_img" style="width: 185px; height: 190px; display: block; " src="./images/2191_13.jpg">
                                <div class="mask_koubei koubei">
                                   <span>最近<b>11756</b>人已购买</span>
                                </div>
                                <span style='clear:both;'/>             
                       </a>
                    </div>
                    <div style="left:0px; top:190px;" class="maskitem hover">
                        <a href="" class="layout">
                           <img class="lazy_img" style="width: 185px; height: 190px; display: block; " src="./images/2191_1.jpg"> 
                            <div class="mask_koubei koubei">
                               <span>最近<b>19671</b>人已购买</span>
                           </div>
                           <span style='clear:both;'/> 
                       </a>
                   </div>
                    <div style="left:565px; top:0px;" class="maskitem">
                        <a href="" class="layout">
                           <img class="lazy_img" style="width: 185px; height: 190px; display: block; " src="./images/2191_2.jpg">
                            <div class="mask_koubei koubei">
                               <span>最近<b>19592</b>人已购买</span>
                           </div>
                           <span style='clear:both;'/>             
                                 
                        </a>
                   </div>      
                    <div style="left:565px; top:190px;" class="maskitem">    
                        <a href="" target="_blank" class="layout">
                           <img class="lazy_img" style="width: 185px; height: 190px; display: block; " src="./images/2191_15.jpg"> 
                            <div class="mask_koubei koubei">
                               <span>最近<b>16436</b>人已购买</span>
                           </div>
                           <span style='clear:both;'/>             
                        </a>
                   </div>
                    <div style="left:185px; top:0px;" class="maskitem">
                        <a href="" target="_blank" class="layout">
                           <img class="lazy_img" style="width: 380px; height: 380px; display: block; " src="./images/2191_11.jpg"> 
                        <div class="mask_koubei koubei">
                               <span>最近<b>723</b>人已购买</span>
                           </div>            
                        <span style='clear:both;'/> 
                       </a>
                   </div>
                    <div style="left:0px; top:380px;" class="maskitem">
                            <a href="" class="layout">
                                   <img class="lazy_img" style="width: 190px; height: 190px; display: block; " src="./images/2191_5-1.png"> 
                            <div class="mask_koubei koubei">
                                   <span>最近<b>3666</b>人已购买</span>
                            </div> 
                            <span style='clear:both;'/>            
                        </a>
                    </div>
                    <div style="left:185px; top:380px;" class="maskitem">
                        <a href="" class="layout">
                            <img class="lazy_img" style="width: 190px; height: 190px; display: block; " src="./images/2191_4.jpg">
                            <div class="mask_koubei koubei">
                               <span>最近<b>12517</b>人已购买</span>
                           </div> 
                           <span style='clear:both;'/>            
                       </a>
                   </div>        
                    <div style="left:375px; top:380px;" class="maskitem">
                        <a href="" class="layout">
                           <img class="lazy_img" style="width: 190px; height: 190px; display: block; " src="./images/2191_6.jpg"> 
                            <div class="mask_koubei koubei">
                               <span>最近<b>1325</b>人已购买</span>
                           </div>
                           <span style='clear:both;'/> 
                       </a>
                   </div>
                    <div style="left:565px; top:380px;" class="maskitem">
                            <a href="" class="layout">
                                <img class="lazy_img" style="width: 185px; height: 190px; display: block; " src="./images/2191_10.jpg">
                                    <div class="mask_koubei koubei">
                                       <span>最近<b>9976</b>人已购买</span>
                                    </div> 
                                    <span style='clear:both;'/>            
                            </a>
                    </div>
                    <!--最右边-->
                    <div style="top:0; left:750px;" class="maskitem mall_hide">
                            <a href="" class="layout">
                             <img class="lazy_img" style="width: 185px; height: 190px; display: block; " src="./images/2191_7.jpg">
                        <div class="mask_koubei koubei">
                               <span>最近<b>400</b>人已购买</span>
                           </div>
                           <span style='clear:both;'/>             
                       </a>
                   </div>
                    <div style="top:190px; left:750px;" class="maskitem mall_hide">
                            <a href="" class="layout">
                             <img class="lazy_img" style="width: 185px; height: 190px; display: block; " src="./images/2191_14.jpg">
                            <div class="mask_koubei koubei">
                               <span>最近<b>12214</b>人已购买</span>
                           </div> 
                           <span style='clear:both;'/>            
                       </a>
                   </div>
                    <div style="top:380px; left:750px;" class="maskitem mall_hide hover">
                                <a href="" class="layout">
                                 <img class="lazy_img" style="width: 185px; height: 190px; display: block; " src="./images/2191_9.jpg">
                            <div class="mask_koubei koubei">
                                   <span>最近<b>156</b>人已购买</span>
                            </div>
                            <span style='clear:both;'/>             
                           </a>
                       </div>
                    </div>

                    </div><!-- 护肤馆右侧图片结束 -->  
                    <span style='clear:both;'/>              
                </div><!-- 护肤馆盒子内容结束 -->
                <div class="user_say"></div>
                <div class="floor_bottom">
                    <a href="">
                        <img class="lazy_img" src="./images/hf_logo_baicaoji.jpg" style="display: block; ">
                    </a>
                    <a href="">
                        <img class="lazy_img" src="./images/1568_7.jpg" style="display: block; ">
                    </a>
                    <a href="">
                        <img class="lazy_img" src="./images/hf_logo_danzi.jpg" style="display: block;">
                    </a>
                    <a href="">
                        <img class="lazy_img" src="./images/hf_logo_danzi.jpg" style="display: block;">
                    </a>
                    <a href="">
                        <img class="lazy_img" src="./images/1568_7.jpg" style="display: block; ">
                    </a>
                    <a href="">
                        <img class="lazy_img" src="./images/hf_logo_danzi.jpg" style="display: block;">
                    </a>
                    <a href="">
                        <img class="lazy_img" src="./images/hf_logo_danzi.jpg" style="display: block;">
                    </a>
                    <a href="">
                        <img class="lazy_img" src="./images/1568_7.jpg" style="display: block; ">
                    </a>
                    <a href="">
                        <img class="lazy_img" src="./images/hf_logo_danzi.jpg" style="display: block;">
                    </a>
                    <a href="">
                        <img class="lazy_img" src="./images/hf_logo_danzi.jpg" style="display: block;">
                    </a>
                    <a href="">
                        <img class="lazy_img" src="./images/hf_logo_danzi.jpg" style="display: block;">
                    </a>
                    <a href="">
                        <img class="lazy_img" src="./images/hf_logo_danzi.jpg" style="display: block;">
                    </a>
                    <a href="">
                        <img class="lazy_img" src="./images/hf_logo_danzi.jpg" style="display: block;">
                    </a>
                    <a href="">
                        <img class="lazy_img" src="./images/hf_logo_danzi.jpg" style="display: block;">
                    </a>
                </div>
            </div><!-- 护肤馆盒子结束 -->
            <div class="floor_shadow"></div>
            <div id="ad_box"><!-- 广告盒子 -->
                <a href="">
                    <img src="./images/2484_0.jpg" alt="" />
                </a>
            </div><!-- 广告盒子结束 -->
            <div class="floor_shadow"></div>

            <!-- 下方声明及连接 -->
            <div id="bottom_bar">
                <div class="linksa">
                    <ul>
                        <li class="link_head">使用帮助</li>
                        <li><a href="">新手指南</a></li>
                        <li><a href="">常见问题</a></li>
                        <li><a href="">帮助中心首页</a></li>
                        <li><a href="">用户协议</a></li>
                    </ul>
                    <ul>
                        <li class="link_head">售后服务</li>
                        <li><a href="">100%正品保证</a></li>
                        <li><a href="">退换货政策</a></li>
                        <li><a href="">在线退货办理</a></li>
                        <li><a href="">玩转口碑中心</a></li>
                        <li><a href="">总裁邮箱admin@qq.com</a></li>
                    </ul>
                    <ul>
                        <li class="link_head">获取更新</li>
                        <li><a href="">订阅每日团购</a></li>
                        <li><a href="">聚美优品博客</a></li>
                        <li><a href="">聚美优品新浪微博</a></li>
                        <li><a href="">聚美优品手机版</a></li>
                    </ul>
                    <ul>
                        <li class="link_head">关于聚美优品</li>
                        <li><a href="">品牌合作专区</a></li>
                        <li><a href="">关于聚美优品</a></li>
                        <li><a href="">媒体报道</a></li>
                    </ul>
                    <ul>
                        <li class="link_head">加入聚美优品</li>
                        <li><a href="">商务合作</a></li>
                        <li><a href="">招贤纳士</a></li>
                        <li><a href="">友情链接</a></li>
                    </ul>
                    <ul>
                        <li class="link_head">支付方式</li>
                        <li><a href="">货到付款</a></li>
                        <li><a href="">在线支付</a></li>
                        <li><a href="">余额支付</a></li>
                    </ul>
                </div>
                <div class="linksb">
                    <div class="linksb_con">
                        <a href=""><img src="./images/footer_icons.png" alt="" /></a>
                    </div>
                </div>
                <div class="linksc">
                    <div class="linksc_con">
                        <p>© 2012 北京创锐文化传媒有限公司 Jumei.com 保留一切权利。 京公网安备110105001608 京ICP证111033号。 客服热线：4000-123-888</p>
                        <p>
                            <a href=""><img src="./images/footer_credit_icons.jpg" alt="" /></a>
                        </p>
                    </div>
                </div><!-- 底部声明 -->
            </div><!-- 下方声明及链接结束 -->
        </div>
    </div>
</body>
</html>